<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="lib/bootstrap-3.3.7-dist/css/bootstrap.css">
    <style>
    </style>
</head>

<body>
    <table class="table table-bordered table-hover table-responsive">
        <caption class="text-center">手机品牌</caption>
        <tr class="active">
            <th>手机</th>
            <th>手机</th>
        </tr>
        <tr class="warning">
            <td>小米</td>
            <td>小米</td>
        </tr>
        <tr class="success">
            <td>小米</td>
            <td>小米</td>
        </tr>
        <tr class="danger">
            <td>小米</td>
            <td>小米</td>
        </tr>
    </table>
    <div class="row">
        <div class="col-sm-4">
            <img src="images/item03.jpg" alt="" class="img-responsive img-circle">
        </div>
        <div class="col-sm-4">
            <img src="images/item06.jpg" alt="" class="img-responsive img-rounded">
        </div>
        <div class="col-sm-4">
            <img src="images/item05.jpg" alt="" class="img-responsive img-thumbnail">
        </div>
    </div>
    <button type="button" class="btn btn-default" aria-label="Left Align">
        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    </button>

    <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-euro" aria-hidden="true"></span> Star
    </button>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</body>

</html>